<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1. 定义一个函数，传入一个回调函数
            // 1.1 设置单次定时器
                // 1.1.1 调用回调函数 
        // 2. 调用函数，传入一个函数，接收函数参数
            // 2.1 打印参数

        // // 同步修改状态 - 先修改状态 
        // let p = new Promise((res,rej)=>{
        //     res('ok');
        // })

        // console.log(p);

        // //后定义函数
        // p.then(val=>{
        //     console.log(val);
        // },rea=>{
        //     console.log(rea);
        // });


        // 异步修改状态 - 后修改状态
        let p2 = new Promise((res,rej)=>{
            setTimeout(() => {
                res('ok')
            }, 100);
        })

        console.log(p2);

        // 先定义函数
        p2.then(val=>{
            console.log(val);
        })
        // function fn(cb){
        //     cb()
        // }

        // fn()


        
     

    </script>
</body>

</html>